<?php
/**
 * Created by PhpStorm.
 * User: 式神 (luck48.com)
 * Email: 289650682@qq.com
 * Name: ${NAME}Administrator
 * Date: 2017-04-01
 * Time: 11:21
 */
?>
@extends('template.default.layouts')
@section('main')
    <div class="index-banner container">
        <div class="col-sm-8">
            <div id="myCarousel" class="carousel slide">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    @position(1|0 as $v)
                    @if($k<3)
                        <div class="item @if($k==0) active @endif">
                            <img src="/{{$v['image']}}" alt="First slide">
                            <div class="banner-word">
                                <div class="bw-w1">{{$v['title']}}</div>
                                <div class="bw-w2">{{$v['description']}}</div>

                            </div>
                        </div>
                    @endif
                    @endforeach
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="banner-right-w1">{{config('web.wel_title')}}</div>
            <div class="banner-right-w2">{{config('web.wel_content')}}</div>
        </div>
        <div class="clear"></div>
    </div>

    <div class="home-body ">
        <div class="container" style="padding-left:30px;padding-right:30px;">
            <div class="col-sm-4">
                <a href="{{url('list/3')}}">
                    <div class="home-body-img"><img src="{{asset('public/statics/default/img/home-1.png')}}"></div>
                    <div class="home-body-w1">STUDENTS</div>
                    <div class="home-body-w2" style="padding-bottom:50px;">STORIES</div>
                    <div class="index-icon-1"><img src="{{asset('public/statics/default/img/index-icon-1.png')}}"/></div>
                </a>
            </div>
            <div class="col-sm-4">
                <a href="{{url('list/6')}}">
                    <div class="home-body-img"><img src="{{asset('public/statics/default/img/home-2.png')}}"></div>
                    <div class="home-body-w2">OUR</div>
                    <div class="home-body-w1" style="padding-bottom:50px;">PROGRAM</div>
                    <div class="index-icon-2"><img src="{{asset('public/statics/default/img/index-icon-2.png')}}"/></div>
                </a>
            </div>
            <div class="col-sm-4">
                <a href="{{url('list/2')}}">
                    <div class="home-body-img"><img src="{{asset('public/statics/default/img/home-3.png')}}"></div>
                    <div class="home-body-w2">OUR</div>
                    <div class="home-body-w1" style="padding-bottom:50px;">TEAM</div>
                    <div class="index-icon-3"><img src="{{asset('public/statics/default/img/index-icon-3.png')}}"/></div>
                </a>
            </div>
        </div>
    </div>

    <div class="container" style="padding-bottom:50px;">
        <div class="col-sm-4">
            <div class="foot-tile">Upcoming events</div>
            <div class="line-1"></div>
            <div class="line-2"></div>
            <ul class="foot-ul">
                <li>
                    <div class="col-md-4 foot-left-w1">1 Jan</div>
                    <div class="col-md-8 foot-left-w2">here is today’s upcoming events,here is the upcoming. here is theupcoming events</div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="col-md-4 foot-left-w1">1 Jan</div>
                    <div class="col-md-8 foot-left-w2">here is today’s upcoming events,here is the upcoming. here is theupcoming events</div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="col-md-4 foot-left-w1">1 Jan</div>
                    <div class="col-md-8 foot-left-w2">here is today’s upcoming events,here is the upcoming. here is theupcoming events</div>
                    <div class="clear"></div>
                </li>
            </ul>
            <div class="add-more"><a href="" >+Read more</a></div>
        </div>

        <div class="col-sm-4">
            <div class="foot-tile">Contact us</div>
            <div class="line-1"></div>
            <div class="line-2"></div>
            <div class="foot-center" style="margin-top:20px;"><span>Address:</span>Lower Dongdajie Street,building A, floor25,Chengdu </div>
            <div class="foot-center"><span>Tell:</span>86-28-86621234 </div>
            <div class="foot-center"><span>Email:</span>china@truechina.org</div>

            <div class="foot-tile" style="padding-top:20px;">Follow us</div>
            <div class="line-1"></div>
            <div class="line-2"></div>

            <div class="index-share">
                <ul>
                    <li class="col-sm-3"></li>
                    <li class="col-sm-3"></li>
                    <li class="col-sm-3"></li>
                    <li class="col-sm-3"></li>
                </ul>

            </div>
        </div>

        <div class="col-sm-4">
            <div class="foot-tile">Company news</div>
            <div class="line-1"></div>
            <div class="line-2"></div>
            <ul class="foot-ul">
                <li>
                    <div class="col-md-12 foot-right-w1">July 30,2018</div>
                    <div class="col-md-12 foot-right-w2">here is today’s upcoming events,here is the upcoming. here is theupcoming events</div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="col-md-12 foot-right-w1">July 30,2018</div>
                    <div class="col-md-12 foot-right-w2">here is today’s upcoming events,here is the upcoming. here is theupcoming events</div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="col-md-12 foot-right-w1">July 30,2018</div>
                    <div class="col-md-12 foot-right-w2">here is today’s upcoming events,here is the upcoming. here is theupcoming events</div>
                    <div class="clear"></div>
                </li>
            </ul>
            <div class="add-more"><a href="" >+Read more</a></div>
        </div>
    </div>
    {{--@menu(0 as $v)
    @php
    print_r($v);
    @endphp
    @endmenu--}}
    @position(1|0 as $v)
    {{$v['id']}}====={{$v['title']}},
    @endforeach
    <br>
    <br>
    <br>
    <br>
    @content(3 as $v|id,desc)
    <li>{{$v['id']}}====={{$v['title']}}</li>
    @endcontent

@endsection

